<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>pdf.luger.me</title>
		<script src="http://cdn.staticfile.org/jquery/1.9.0/jquery.min.js"></script>
	</head>
	<body>
		<button id="btn" onclick="javascript:func();">点我，点我</button>
		<script type="text/javascript">
			function func(){
				$("#btn").html("生成中...");
				$.ajax({  
			        type : "post",  
			        async:false,  
			        url : "http://pdf.luger.me/Html2Pdf/g",  
			        data: {
				        url:encodeURIComponent('http://www.csdn.net/article/2014-09-26/2821884'),//这里是要生成pdf的网页url
					//keepStyle:'true',//是否保留网页原有样式 true为保留原样式；false为使用自定义样式
					//container:'.news_content'//指定节点生成pdf 支持.class or #id
				    },
			        dataType : "jsonp",//数据类型为jsonp  
			        jsonp: "callback",//服务端用于接收callback调用的function名的参数  
			        jsonpCallback:"callbackFunc",//成功获取跨域服务器上的json数据后,会动态执行这个callback函数
			        success : function(data){  
						// TODO
			        },  
			        error:function(){  
			            // TODO
			        }  
			    });
			}
			function callbackFunc(data){
			
				$("#btn").html("成功...");
				$("#img").attr("src", data.data.jpgDownUrl); 
				console.info(data);
			}
		</script>
	<img src="" id='img'/>
	</body>
</html>